/*登录成功用户名样式*/
.show_name{
	position: fixed;
	top: 18px;
	left: 200px;
	color: goldenrod;
	font-size: 17px;
}
/*登录成功头像样式*/
.show_head{
	position: fixed;
	top: 20px;
	left: 165px;
	height: 25px;
	border: 1px solid gray;
	border-radius: 20px;
	width: 25px;
}
.div-top{
	width: 100%;
	height: 50px;
    background-color: aliceblue;
	margin: 0 auto;
}
.div1{
	width: 1500px;
	height: 50px;
	margin: 0 auto;
}
.div1-top-left{
	width: 600px;
	height: 50px;
	float: left;
	
}
.div1-top-right{
	width: 900px;
	height: 50px;
	float: right;	
}
.li-top{
	float: left;
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;	
	text-align: center;
}
.a1{
	text-decoration: none;
	color: red;
	font-size: 15px;
	display: block;
	height: 30px;
	width: 80px;
}
.a2{
	text-decoration: none;
	color: black;
	display: block;
	font-size: 15px;
	height: 30px;
	width: 80px;
}
.a2:hover{
	color: red;
}
.li-right{
	margin-right: 30px;
	float: right;
}
.div-center{
	margin: 0 auto;
	width: 1500px;
	height: 4150px;
}
.picture1{
	width: 1500px;
	height: 100px;
}
.div2{
	border: 2px solid red;
	width: 1500px;
	height: 40px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
.div2-ul{
	float: left;
}
.div2-ul-li{
	width: 100px;
	list-style: none;
	float: left;
	margin-left: 10px;
	margin-right: 10px;	
	text-align: center;
}
.div2-input{
	float: right;
	border: 2px solid palevioletred;
	margin-top: 7px;
	width: 200px;
	height: 20px;
}
.button1{
	background-color: palevioletred;
	width: 70px;
	height: 26px;
	float: right;
	margin-right: 30px;
	margin-top: 7px;
	border: 2px solid palevioletred;
}
.div3-zw{
	width: 1300px;
	height: 2900px;
	margin: 0 auto;
	margin-top: 20px;
}
.div3-left{
	width: 1000px;
	height:3970px;
	float: left;
	border: 1px solid lightgray;
}
.div3-right{
	width: 296px;
	height: 1000px;
	float: right;
	border: 1px solid lightgray;
	background-color: lavenderblush;
}
.div4{
	width: 1000px;
	height: 500px;
}
.div4-left{
	width: 500px;
	height: 500px;
	float: left;
	
}
.div4-right{
	width: 500px;
	height: 500px;
	float: right;
}
.picture2{
	width: 500px;
	height: 500px;
	
}
.div4-p2{
	float: left;
}
.p2-small{
	width: 500px;
	height: 100px;
}
#button2{
	width: 100px;
	height: 40px;
	color: #F0F8FF;
	font-size: 15px;
	background-color: crimson;
	margin-left: 20px;
	border: 1px solid crimson;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 10px;
}
#button2-1{
	width: 100px;
	height: 40px;
    background-color: lightgray;
    color: #000000;
	font-size: 15px;
	margin-left: 5px;
	border: 1px solid lightgray;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 10px;
}
.div5{
	background-color: lightgrey;
	width: 500px;
	height: 250px;
	margin-top: 20px;
}
#button3{
	width: 200px;
	height: 50px;
	background-color:  crimson;
	color: #F0F8FF;
	font-size: 20px;
	border-radius: 30px;
	border: 1px solid crimson;
}
#button4{
	width: 210px;
	height: 60px;
	background-color:  lightgrey;
	color: #000000;
	font-size: 20px;
	border-radius: 30px;
	border: 1px solid black;
	
}
.div6{
	margin-top: 10px;
	text-align: center;
}
.table1{
	width: 500px;
	height: 80px;
}
.div7{
	width: 1000px;
	height: 50px;
}
.div7-ul-li{
	width: 100px;
	list-style: none;
	float: left;
	margin-left: 10px;
	margin-right: 10px;	
	text-align: center;
	display: block;
	width: 120px;
	padding: 0px;
}
.div8{
	width: 1000px;
	height: 60px;
	border: 1px solid lightgray;
}
.div8-ms{
	float: left;
	width: 110px;
	height: 31px;
	color: darkslategrey;
	padding: 15px;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	padding-left: 35px;
}
.div8-ms:hover{
	background-color: white;
	color: crimson;
	border-top: 3px solid crimson;
}
.div9-ts{
	margin: 30px;
	width: 950px;
	height: 150px;
	background-color: blanchedalmond;
	border-radius: 20px;
}
.table2{
	width: 900px;
	height: 200px;
	margin: 0 auto;
	border: 1px solid lightgray;
}
.table2-td{
	width: 300px;
	height: 30px;
	border: 1px solid lightgray;
	text-align: center;
}
.h4{
   text-align: center;
}
.onimg_title{
	color: black;
}
.onimg_title:before{
    display: inline-block;
    position: relative;
    top:-7px;
    right: 20px;
    content: "";
    width: 200px;
    height: 0px;
    border: 1px solid black;
}
.onimg_title:after{
    display: inline-block;
    position: relative;
    top:-7px;
    left: 20px;
    content: "";
    width: 200px;
    height: 0px;
    border: 1px solid black;
}
.picture3{
	width: 700px;
	height: 300px;
}
.div11{
	width: 700px;
	height: 300px;
	margin: 0 auto;
	margin-top: 30px;
}
.table3{
	width: 900px;
	height: 100px;
	margin: 0 auto;
	border: 1px solid lightgray;
}
.table3-tr{
	background-color: #F0F8FF;
	width: 200px;
	height: 10px;
	text-align: center;
}
.picture4{
	width: 900px;
	height: 400px;
}
.div-foot{
	width:1500px;
	height: 450px;
	margin: 0 auto;
}
.div12{
	width: 1500px;
	height: 300px;
	background-color: lightgray;
	margin: 0 auto;
}
.div13{
	width: 300px;
	height: 300px;
	margin-left: 62px;
	margin-top: 15px;
	float: left;
}
.div13-li{
	font-size: 20px;
	width: 100px;
	height: 40px;
	text-align: center;
}
.div3-right1{
	width: 300px;
	height: 300px;
}
.div3-1{
	width: 298px;
	height: 50px;
	text-align: center;
	padding-top: 15px;
	background-image: url(img/底纹.jpg);
}
.font{
	font-family: "STLiti";
	color: black;
	font-size: 35px;
	text-align: center;
	padding-top: 5px;
}
.div-p1{
	width: 295px;
	height: 200px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.p1{
	width: 295px;
	height: 200px;
}
.div3-da{
	width: 298px;
	height: 30px;
	text-align: center;
}
.div3-a{
	padding: 5px;
	color: lightcoral;
	font-size: 15px;
	text-decoration: none;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.div-bzj{
	width: 900px;
	height: 400px;
	margin: 0 auto;

}
.picture5{
	width: 900px;
	height: 400px;
	text-align: center;
}
#div {
	color: #A22900;
	font-size: 20px;
	float: right;
	margin-right: 110px;
	margin-top: 6px;
}
pre {
	display:inline;
	width:8px;
}
.container{
  width: 500px;
  height: 400px;
  position: relative;
}
  
/*轮播图图片样式*/
.container img{
  position: absolute;        /*把所有图片放在同一个位置*/
  width: 100%;
  transition-duration: 1s;    /*设置过渡时间*/
  opacity: 0;                /*把所有图片变透明*/
  width:500px ;
  height: 400px;
}
  /*图片显示开关*/
.container img.on{
  opacity: 1;                /*用于显示图片*/
}
  
/*左右按钮，大于小于号*/
.left, .right{
  position: absolute;
  top: 30%;
  width: 60px;
  height: 100px;
  line-height: 100px;
  background-color: #666;
  opacity: 0.5;
  text-align: center;
  font-size: 60px;
  color: #ccc;
  display: none;    /*先隐藏按钮*/
  cursor: pointer;    /*设置鼠标悬停时的样式*/
}
.left{
  left: 0;
}
.right{
  right: 0;
}
.container:hover .left, .container:hover .right{
  display: block;            /*鼠标悬停才容器范围内时显示按钮*/
}
.left:hover, .right:hover{
   color: #fff;
}
  
          /*焦点*/
.container ul{
   position: absolute;
   bottom: 0;
   max-width: 500px;
   padding: 5px 200px;
}
.container ul li{
  list-style: none;    
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 10px;
  background-color: #ccc;
  cursor: pointer;
 }
 .container ul li.active{
      background-color: #fff;        /*焦点激活时的样式*/
}
.div16{
	width: 492px;
	height: 100px;
	margin: 0 auto;
	border: 2px double burlywood;
	background-color: lavenderblush;
}
.service{
	color: chocolate;
	font-family: castellar;
}
